
    <!-- 最上欢迎登录注册信息部分 -->
    <div id="top">
        <div class="site">
            <div class="siteCon">
                <div class="welcome">
                    <a href="">Hello，Welcome To OULE眼镜网！</a>
                </div>
                <div class="inform">
                    <div class="information">
                        <a href="">
                            我的信息
                            <b></b>
                        </a>
                        <div class="informShow">
                            <a href="../html/login.html">已买到的宝贝</a>
                            <a href="../html/login.html">我的地址管理</a>
                            <a href="../html/login.html">我的地址管理</a>
                        </div>
                    </div>
                </div>
                <div class="phone">
                    <span>手机站</span>
                    <i></i>
                </div>
                <div class="lo_re">
                    <a href="../html/login.html" class="login">会员登录</a>
                    <span>&nbsp;</span>
                    <a href="../html/signIn.html" class="register">会员注册</a>
                </div>
            </div>
        </div>
    </div>
    <!-- logo搜索部分 -->
    <div class="logo-search">
        <a href="" class="logo" title="OULE眼镜网">
            <div class="c_logo">
              
            </div>
        </a>
        <div class="intro">
            <ul>
                <li class="no1">
                    <span>
                        <h4>正品保障</h4>
                        <p>100%正品低价</p>
                    </span>
                </li>
                <li class="no2">
                    <span>
                        <h4>30天退换货</h4>
                        <p>购物有保障</p>
                    </span>
                </li>
                <li class="no3">
                    <span>
                        <h4>满88就包邮</h4>
                        <p>闪电发货</p>
                    </span>
                </li>
            </ul>
        </div>
        <div class="search_tab">
            <div class="search_form">
               
                    <div class="so_input">
                        <input type="text" class="soinput" id="keyword" placeholder="请输入关键词">
                        <input type="hidden" value="k1">
                    </div>
                    <input type="button" id="searchBtn" class="sobtn">
            
            </div>
            <div class="search_tags">
                <span>热搜榜:</span>
                <a href="../html/list.html">眼镜</a>
                <a href="../html/list.html">近视太阳镜</a>
                <a href="../html/list.html">依视路</a>
                <a href="../html/list.html">蔡司</a>
            </div>
        </div>
    </div>

    <!-- 导航栏部分 -->
    <div class="site_nav">
        <div class="t_nav">
            <ul>
                <li style="padding-left: 0px;">
                    <a href="../html/index.html" class="cur">首页</a>
                </li>
                <li class="li2">
                    <a href="../html/list.html">眼镜框</a>
                            <div class="container container2">
                                <div class="yi">
                                <dl class="conLeft conLeft1">
                                    <dd>
                                        <a href="../html/list.html" class="a">男士眼镜</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="b">女士眼镜</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="c">儿童眼镜</a>
                                    </dd>
                                    <dd class="dd">
                                        <a href="../html/list.html" class="d">所有眼镜框</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="e" style="padding-left: 0;">大脸必备眼镜框</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="f" style="padding-left: 0;">时尚商务爆款镜框</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="g" style="padding-left: 0;">学生党小清新镜框</a>
                                    </dd>
                                </dl>
                                <dl class="conRight conRight1">
                                    <dd>
                                        <a href="../html/list.html" class="nav_image">
                                            <span class="nav_picture">
                                                <img src="../img/4.60.jpg" alt="">
                                            </span>
                                            <span class="nav_title">
                                                纯钛眼镜
                                            </span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="nav_image">
                                            <span class="nav_picture">
                                                <img src="../img/4.61.jpg" alt="">
                                            </span>
                                            <span class="nav_title">
                                                商务眼镜
                                            </span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="nav_image">
                                            <span class="nav_picture">
                                                <img src="../img/4.62.jpg" alt="">
                                            </span>
                                            <span class="nav_title">
                                                潮流圆框眼镜
                                            </span>
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                </li>
                <li class="li3">
                    <a href="../html/list.html">太阳镜</a>
                        <div class="container container3">
                            <div class="yi">
                            <dl class="conLeft conLeft2">
                                <dd>
                                    <a href="../html/list.html" class="a">男士太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="b">女士太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="c">儿童太阳镜</a>
                                </dd>
                                <dd class="dd">
                                    <a href="../html/list.html" class="d">所有太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="e" style="padding-left: 0;">男士骑行太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="f" style="padding-left: 0;">无框超轻太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="g" style="padding-left: 0;">韩版大牌同款墨镜</a>
                                </dd>
                            </dl>
                            <dl class="conRight conRight2">
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.64.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            近视太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.65.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            偏光太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.66.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            太阳镜夹片
                                        </span>
                                    </a>
                                </dd>
                            </dl>
                        </div>
                        </div>
                </li>
                <li class="li4">
                    <a href="../html/list.html">眼镜片</a>
                        <div class="container container4">
                            <div class="yi">
                            <dl class="conLeft conLeft3">
                                <dd>
                                    <a href="../html/list.html" class="a">1.56（适合0~300度）</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="b">1.61（适合0~600度）</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="c">1.67（适合0~800度）</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="c">1.74（适合0~1600度）</a>
                                </dd>
                                <dd class="dd">
                                    <a href="../html/list.html" class="d">所有太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="e" style="padding-left: 0;">多焦点渐进镜片</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="f" style="padding-left: 0;">老花远视镜片</a>
                                </dd>
                            </dl>
                            <dl class="conRight conRight3">
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.101.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            近视太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.102.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            偏光太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.103.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            太阳镜夹片
                                        </span>
                                    </a>
                                </dd>
                            </dl>
                        </div>
                        </div>

                </li>
                <li>
                    <a href="../html/list.html">近视太阳镜</a>
                </li>
                <li>
                    <a href="../html/list.html">渐进片定制</a>
                </li>
                <li>
                    <a href="../html/list.html">配镜攻略</a>
                </li>
                <li>
                    <a href="../html/list.html">品牌故事</a>
                </li>
                <li>
                    <a href="../html/list.html">眼睛知识</a>
                </li>
            </ul>
            <div class="car_nav">
                <a href="../html/car.html" class="car_mini">
                    <i class="iconfont icon-shouye"></i>
                    <span class="carche">0</span>
                </a>
                <!-- <li class="lia">
                    <div class="car_menu">
                        <p class="loading_top">购物车中还没有商品，赶紧选购吧！</p>
                    </div> -->
                    <!-- <div class="carAfter">
                            <div class="all">
                                <div class="shop1">
                                    <a class="s_img">
                                        <img src="../img/4.222.jpg" alt="">
                                    </a>
                                    <p class="s_name">
                                        <a href="">
                                            OULE 新款炭纤维眼镜架 
                                            超轻商务舒适全框眼镜框 黑框黑腿
                                        </a>
                                    </p>
                                    <p class="s_price">
                                        <a href="">168.00</a>
                                    </p>
                                </div>
                            </div>
                    </div> -->
                <!-- </li> -->
            </div>

          
            <div class="container">
                <div class="children_list">
                    <div class="container clearfix">
                        
                        <dl class="conLeft conLeft3">
                            <dd>
                                <a href="../html/list.html" class="a">1.56（适合0~300度）</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="b">1.61（适合0~600度）</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="c">1.67（适合0~800度）</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="c">1.74（适合0~1600度）</a>
                            </dd>
                            <dd class="dd">
                                <a href="../html/list.html" class="d">所有太阳镜</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="e" style="padding-left: 0;">多焦点渐进镜片</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="f" style="padding-left: 0;">老花远视镜片</a>
                            </dd>
                        </dl>
                        <dl class="conRight conRight3">
                            <dd>
                                <a href="../html/list.html" class="nav_image">
                                    <span class="nav_picture">
                                        <img src="../img/4.64.jpg" alt="">
                                    </span>
                                    <span class="nav_title">
                                        近视太阳镜
                                    </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="nav_image">
                                    <span class="nav_picture">
                                        <img src="../img/4.65.jpg" alt="">
                                    </span>
                                    <span class="nav_title">
                                        偏光太阳镜
                                    </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="nav_image">
                                    <span class="nav_picture">
                                        <img src="../img/4.66.jpg" alt="">
                                    </span>
                                    <span class="nav_title">
                                        太阳镜夹片
                                    </span>
                                </a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div> 


    </div>

    <div class="site_nav site2">
        <div class="t_nav">
            <ul>
                <li style="padding-left: 0px;" class="img">
                    <a href="../html/list.html">
                        <img src="../img/4.100logo-fixed.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="../html/list.html" class="cur">首页</a>
                </li>
                <li class="li2">
                    <a href="../html/list.html">眼镜框</a>
                            <div class="container container2">
                                <div class="yi">
                                <dl class="conLeft conLeft1">
                                    <dd>
                                        <a href="../html/list.html" class="a">男士眼镜</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="b">女士眼镜</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="c">儿童眼镜</a>
                                    </dd>
                                    <dd class="dd">
                                        <a href="../html/list.html" class="d">所有眼镜框</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="e" style="padding-left: 0;">大脸必备眼镜框</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="f" style="padding-left: 0;">时尚商务爆款镜框</a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="g" style="padding-left: 0;">学生党小清新镜框</a>
                                    </dd>
                                </dl>
                                <dl class="conRight conRight1">
                                    <dd>
                                        <a href="../html/list.html" class="nav_image">
                                            <span class="nav_picture">
                                                <img src="../img/4.60.jpg" alt="">
                                            </span>
                                            <span class="nav_title">
                                                纯钛眼镜
                                            </span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="nav_image">
                                            <span class="nav_picture">
                                                <img src="../img/4.61.jpg" alt="">
                                            </span>
                                            <span class="nav_title">
                                                商务眼镜
                                            </span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a href="../html/list.html" class="nav_image">
                                            <span class="nav_picture">
                                                <img src="../img/4.62.jpg" alt="">
                                            </span>
                                            <span class="nav_title">
                                                潮流圆框眼镜
                                            </span>
                                        </a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                </li>
                <li class="li3">
                    <a href="../html/list.html">太阳镜</a>
                        <div class="container container3">
                            <div class="yi">
                            <dl class="conLeft conLeft2">
                                <dd>
                                    <a href="../html/list.html" class="a">男士太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="b">女士太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="c">儿童太阳镜</a>
                                </dd>
                                <dd class="dd">
                                    <a href="../html/list.html" class="d">所有太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="e" style="padding-left: 0;">男士骑行太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="f" style="padding-left: 0;">无框超轻太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="g" style="padding-left: 0;">韩版大牌同款墨镜</a>
                                </dd>
                            </dl>
                            <dl class="conRight conRight2">
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.64.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            近视太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.65.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            偏光太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.66.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            太阳镜夹片
                                        </span>
                                    </a>
                                </dd>
                            </dl>
                        </div>
                        </div>
                </li>
                <li class="li4">
                    <a href="../html/list.html">眼镜片</a>
                        <div class="container container4">
                            <div class="yi">
                            <dl class="conLeft conLeft3">
                                <dd>
                                    <a href="../html/list.html" class="a">1.56（适合0~300度）</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="b">1.61（适合0~600度）</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="c">1.67（适合0~800度）</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="c">1.74（适合0~1600度）</a>
                                </dd>
                                <dd class="dd">
                                    <a href="../html/list.html" class="d">所有太阳镜</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="e" style="padding-left: 0;">多焦点渐进镜片</a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="f" style="padding-left: 0;">老花远视镜片</a>
                                </dd>
                            </dl>
                            <dl class="conRight conRight3">
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.101.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            近视太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.102.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            偏光太阳镜
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="../html/list.html" class="nav_image">
                                        <span class="nav_picture">
                                            <img src="../img/4.103.jpg" alt="">
                                        </span>
                                        <span class="nav_title">
                                            太阳镜夹片
                                        </span>
                                    </a>
                                </dd>
                            </dl>
                        </div>
                        </div>

                </li>
                <li>
                    <a href="../html/list.html">近视太阳镜</a>
                </li>
                <li>
                    <a href="../html/list.html">渐进片定制</a>
                </li>
                <li>
                    <a href="../html/list.html">配镜攻略</a>
                </li>
                <li>
                    <a href="../html/list.html">品牌故事</a>
                </li>
                <li style="padding-right: 10px;">
                    <a href="../html/list.html">眼睛知识</a>
                </li>
            </ul>
            <div class="car_nav">
                <a href="../html/car.html" class="car_mini">
                    <i class="iconfont icon-shouye"></i>
                    <span class="carche">0</span>
                </a>
                <!-- <li class="lia">
                    <div class="car_menu">
                        <p class="loading_top">购物车中还没有商品，赶紧选购吧！</p>
                    </div> -->
                    <!-- <div class="carAfter">
                            <div class="all">
                                <div class="shop1">
                                    <a class="s_img">
                                        <img src="../img/4.222.jpg" alt="">
                                    </a>
                                    <p class="s_name">
                                        <a href="">
                                            OULE 新款炭纤维眼镜架 
                                            超轻商务舒适全框眼镜框 黑框黑腿
                                        </a>
                                    </p>
                                    <p class="s_price">
                                        <a href="">168.00</a>
                                    </p>
                                </div>
                            </div>
                    </div> -->
                <!-- </li> -->
            </div>

          
            <div class="container">
                <div class="children_list">
                    <div class="container clearfix">
                        
                        <dl class="conLeft conLeft3">
                            <dd>
                                <a href="../html/list.html" class="a">1.56（适合0~300度）</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="b">1.61（适合0~600度）</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="c">1.67（适合0~800度）</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="c">1.74（适合0~1600度）</a>
                            </dd>
                            <dd class="dd">
                                <a href="../html/list.html" class="d">所有太阳镜</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="e" style="padding-left: 0;">多焦点渐进镜片</a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="f" style="padding-left: 0;">老花远视镜片</a>
                            </dd>
                        </dl>
                        <dl class="conRight conRight3">
                            <dd>
                                <a href="../html/list.html" class="nav_image">
                                    <span class="nav_picture">
                                        <img src="../img/4.64.jpg" alt="">
                                    </span>
                                    <span class="nav_title">
                                        近视太阳镜
                                    </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="nav_image">
                                    <span class="nav_picture">
                                        <img src="../img/4.65.jpg" alt="">
                                    </span>
                                    <span class="nav_title">
                                        偏光太阳镜
                                    </span>
                                </a>
                            </dd>
                            <dd>
                                <a href="../html/list.html" class="nav_image">
                                    <span class="nav_picture">
                                        <img src="../img/4.66.jpg" alt="">
                                    </span>
                                    <span class="nav_title">
                                        太阳镜夹片
                                    </span>
                                </a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- -----------------导航栏固定---------------------  -->
  
    <script>
        var site = document.querySelector('.site2');
        document.onscroll = function () {
            if (document.documentElement.scrollTop <= 155) {
                site.style.display = 'none';
            } else {
                site.style.display = 'block';
                site.style.position = 'fixed';
                site.style.top = '0';
                // site.style.left = '50%';
                // site.style.marginLeft = '-850px';
                site.style.width = '100%';
                site.style.background = '#fff';
            }
        }

  
    </script>

<!-- <script src="../js/search.js"></script> -->
<script>
 let keyword = document.querySelector('.soinput')
    let btn = document.querySelector('#searchBtn')
    
    function fn (){
        // alert(1)
        pAjax({
            url: '../server/search.php',
            type: 'post',
            data: {
                searchname : keyword.value
            }
        }).then(function (res) {
            list_arr = JSON.parse(res)
            console.log(list_arr);
            localStorage.setItem('search_list',list_arr)
            location.href = '../html/list.html'
        
        })
    }

    btn.addEventListener('click',fn)
    // btn.onclick(fn())
    keyword.addEventListener('keydown',function (ev) {
        if (ev.keyCode ===13) {
        fn()
    }
    })
</script>
<script>
    let arrp = JSON.parse(localStorage.getItem('shopArr'))
    if (arrp !== null) {
        $('.carche').html(`<i class="up-cat-number fz_12">` + arrp.length + `</i>`)
    } else {
        $('.carche').html(`<i class="up-cat-number fz_12">0</i>`)
    }
    console.log(arrp);
</script>


<!-- <script>

   
    // let oContent = document.querySelector('.car_nav')
    let oBacbig = document.querySelector('.car_menu')
    let carAfter = document.querySelector('.carAfter')
    let car_nav = document.querySelectorAll('.car_nav')
    let lia = document.querySelectorAll('.lia')
    let arr3=[]
        let arr = JSON.parse(localStorage.getItem('shopArr'))||[]
        dataHTML()
        function dataHTML() {
            let price = 0
            if (arr.length === 0) {
                car_menu.style.display = 'block'

            } else if (arr.length !== 0) {
                carAfter.style.display = 'none'
         
            }
            car_nav.forEach (function (ele, index){
                    ele.onmouseenter = function () {
                        lia.style.display = 'block'
                    }
                    ele.onmouseout = function () {
                        lia.style.display = 'none'
                    }
                })

            arr.forEach(ele => {
                let str = `<div class="carAfter">
                        <div class="all">
                            <div class="shop1">
                                <a class="s_img">
                                    <img src="${ele[0].imgSmall}" alt="">
                                </a>
                                <p class="s_name">
                                    <a href="">
                                        ${ele[0].introduce}
                                    </a>
                                </p>
                                <p class="s_price">
                                    <a href="">单价:￥${ele[0].price}</a>
                                </p>
                            </div>
                        </div>
                        </div>`

                oContent.innerHTML += str

                if (ele.flag) {
                    price += parseInt(ele.count) * parseInt(ele[0].price)
                }
            }
            )
            // 重新赋值数据
            localStorage.setItem('shopArr', JSON.stringify(arr))

        
        }

</script> -->